<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>PIGS 秒杀 限时 秒杀 促销 超值 618 双十一 便宜 双11 正品 底价 </title>
    <link rel="shortcut icon" href="images/pigShopLogo.png"/>
    <!--/tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--//tags -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //for bootstrap working -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800"
          rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,900italic,700italic'
          rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all"/>
    <link rel="stylesheet" href="../layui/css/layui.css" media="all"/>

    <style type="text/css">
        body {
            font-family: ”黑体”
        }
    </style>

</head>
<body>

<!-- /banner_bottom_agile_info -->
<div class="page-head_agile_info_w3l">
    <div class="container">
        <h3><span> </span></h3>
        <!--/w3_short-->
        <div class="services-breadcrumb">
            <div class="agile_inner_breadcrumb">

                <ul class="w3_short">
                    <li>
                        <h2>
                            <a class="clickIfrema" href="/user/login">
                                <span th:text="${session.userName} ?: '你还没登录哦..'"></span>
                            </a>
                            <i>|</i>
                            <a href="javascript:;" class="layui-btn layui-btn-danger layui-btn-lg" id="exit"
                               style="background-color: #ffced9;color: #333"
                            >退出 </a>
                            <i>|</i>
                            <a href="javascript:;" class="layui-btn  layui-btn-lg" id="queryOrderList"
                               style="color: white"
                            >查询订单 </a>
                        </h2>
                    </li>
                </ul>
            </div>

        </div>
        <!--//w3_short-->
    </div>
</div>
<!-- /banner_bottom_agile_info -->


<div class="banner-bootom-w3-agileits" id="productsList">
    <div class="container">
        <div class="single-pro">
            <div class="col-md-4 product-men">
                <form class="layui-form">
                    <span id="productsId"></span>
                    <div class="men-pro-item simpleCart_shelfItem">
                        <div class="men-thumb-item">
                            <img src="" alt="" class="pro-image-front">
                            <img src="" alt="" class="pro-image-back">
                            <span class="product-new-top">新</span>
                        </div>
                        <div class="item-info-product ">
                            <h4><a href="javascript:;" id="productName"></a></h4>
                            <div class="info-product-price">
                                ￥ <span class="item_price"></span>
                                <del>￥9449.71</del>
                            </div>
                            <div class="snipcart-details top_brand_home_details item_add single-item hvr-outline-out button2">
                                <fieldset>
                                    <input type="submit" name="submit" lay-submit lay-filter="formDemo" value="立刻购买"
                                           class="button"/>
                                </fieldset>
                            </div>

                        </div>
                    </div>

                </form>
            </div>

            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //产品显示 end -->
<!-- layui 渲染 数据-->
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail">详情</a>
    <a class="layui-btn layui-btn-xs" id="dispose" lay-event="edit"><i class="layui-icon">删除</i></a>

</script>
<table class="layui-hide" id="queryOrderListId" lay-filter="demo"></table>


<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
        // Slideshow 4
        $("#slider3").responsiveSlides({
            auto: true,
            pager: true,
            nav: false,
            speed: 500,
            namespace: "callbacks",
            before: function () {
                $('.events').append("<li>before event fired.</li>");
            },
            after: function () {
                $('.events').append("<li>after event fired.</li>");
            }
        });
    });
</script>
<script src="js/modernizr.custom.js"></script>

<!-- cart-js -->
<script src="js/minicart.min.js"></script>
<script>
    // Mini Cart
    paypal.minicart.render({
        action: '#'
    });

    if (~window.location.search.indexOf('reset=true')) {
        paypal.minicart.reset();
    }
</script>

<!-- //cart-js -->


<!---->
<!-- start-smoth-scrolling -->


<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
            event.preventDefault();
            $('html,body').animate({
                scrollTop: $(this.hash).offset().top
            }, 1000);
        });
    });
</script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function () {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */

        $().UItoTop({
            easingType: 'easeOutQuart'
        });

    });
</script>

<!--layui-->
<script src="../layui/layui.js" charset="utf-8"></script>
<script src="../layui/layui.all.js" charset="utf-8"></script>

<!-- for bootstrap working -->
<script type="text/javascript" src="js/bootstrap.js"></script>

<script type="text/javascript" src="products/products.js"></script>
</body>

</html>
